
import React, { Component,  } from 'react'
import PropTypes from 'prop-types'
import {
  Link
} from 'react-router-dom'
export default class ImageItems extends Component{
  renderNav(){
    let user = this.props.user;
    let navJson=this.props.orderNav;
    return (
      navJson.map((item,i)=>{
        return(
          <Link key={i} to={`${item.path}`} className="order-tab-item">
            <img src={item.icon} className="icon" alt="" />
            <span className="tab-label">{item.label}</span>
          </Link>
        )
      })
    )
  }
  render(){
    return(
      <nav className="order-tab-nav">
        {this.renderNav()}
      </nav>
    )
  }
} 

 


